<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>htmlcss 阶段</title>
    <style>

    </style>
</head>

<body>



    <script>
        // 要求：
        // 常见的css属性，例如，background-image , font-size
        // 那么定义函数 getHumpName ， 把这种格式的字符串传递到函数中进行处理并返回驼峰名称
        // 示例：
        // getHumpName("background-image") ;// backgroundImage
        // getHumpName("font-size") ;// fontSize



        // 思考：
        // 如何判字符串存在 "-",以及如何获取短横线后一个字符
        // 字符具有length

        // 编码：（固定）
        // console.log(arguments);// 获取实参数据
        // 定义函数
        function getHumpName(str) {
            // 定义变量用于字符拼接
            var _name2 = "";
            // 循环字符串
            for (var i = 0; i < str.length; i++) {
                // console.log(str[i]);.// 打印每一个字符
                // 判断字符串中是否存在短横线
                if (str[i] == "-") {
                    // 短横线下一个字符是 i
                    if (str[i + 1] == "i") {
                        _name2 += "I"
                    }
                    // 短横线下一个字符是 s
                    if (str[i + 1] == "s") {
                        _name2 += "S"
                    }
                    // 改变一下索引值
                    i ++;
                    // 跳出当前的循环
                    continue ;
                }
                // 拼接其他的字符
                _name2 += str[i]
            }
            // 执行返回值
            return _name2;
        }
        // 定义变量 记录字符串
        // var prop = "background-image";
        var prop = "font-size";
        // 调用函数
        var _name = getHumpName(prop);
        // 打印_name
        console.log(_name);

    </script>
</body>

</html>